<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML >
<html>
  <head>
    
    <title>处置方案制定-方案管理</title>

        <!-- css -->
        <link href="<%=basePath%>jclient/css/public/style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/query.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/baidumap.css" />

        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
   		<!-- date css -->
   		<!-- date javascript -->
		<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
		 <!-- date javascript -->  
	 		<!-- select -->
   		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/style.css" type="text/css" />
   		<link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
 		<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/select-ui.min.js"></script>
   		<!-- select -->
		 
	<script type="text/javascript">
	$(function(){
				// 日期选择
			    $('#cxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#cxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                 $('#addhydate').val(moment().format('YYYY-MM-DD'));
				$('#addhydate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
                 $("#hydiv .tiptop a").click(function(){$("#hydiv").fadeOut(200);});
                 $("#xhtab tr td:even").css("padding-left","90px");
                 $("#hyEditdiv .tiptop a").click(function(){$("#hyEditdiv").fadeOut(200);});
                 $("#hyAdddiv .tiptop a").click(function(){$("#hyAdddiv").fadeOut(200);});   
        });
	    function EditFA(val1){
	       $("#editHYname").val(val1);
	       $("#hyEditdiv").fadeIn(200);
	    }
	    function AddFA(val1){
	       $("#editHYname").val(val1);
	       $("#hyAdddiv").fadeIn(200);
	    }
	</script>
	
    <style type="text/css">
    *{padding:0;margin:0;}
     body{
        background-color: #ffffff;
     }
     .td1{
      background-color: #5B9BD5;color: #FFFFFF; width:80px;text-align:center;
       line-height: 30px;height: 30px;
    }
    .td2{
      width: 120px;
      background-color: #EAEFF7;
      line-height: 30px;height: 30px;
      text-align: center;
    }
    .in1{
      background-color: #EAEFF7;
      width: 100%;
      height: 100%;
      border: none;
      text-align: center;
    } 
   	#xhtab td{padding: 5px;}
	.daterangepicker{
	z-index: 9999;
	}
.eclipseBtn{
   	   background-color: #5D95C8;
   	   width: 100px;
   	   height: 32px;
   	   line-height: 30px;
   	   color:#FFFFFF;
  	   	   text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius:6px;
    margin: 0 10px;
    cursor: pointer;font-family: 微软雅黑;
  	   }
    </style>
  </head>
  <body style="background-color: #FFFFFF;">
    <div class="tools" style="margin-top: 10px;padding: 0 10px;">
       <div class="controls" style="width:280px;float: left;">
			<div style="width:60px;float: left;height: 30px;line-height: 30px;">
				<label>制定时间：</label>
			</div>
			<div class="input-group date datetime">
				<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
				<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
			</div>
		</div>
		<div style="width:80px;float: left;height: 30px;line-height: 30px;padding-left:20px;">
			<label>方案名称：</label>
		</div>
	    <div style="width:410px;float: left;">
         <input name="" type="text" class="scinput" style="position: relative;top: -3px;"/>&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="button" class="scbtn"  style="position: relative;top: -3px;" value="查询"/>
       </div>
	    <ul class="toolbar1">
	         <li class="click" style="cursor: pointer;"  onclick="AddFA('2012年8月23日关于于桥水库蓝藻中度暴发事件处置方案会商');"><span><img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: -7px;"/></span>新建</li>    
	         <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/></span>删除</li>
	    </ul>
    </div>
	<table class="tablelist" style="width: 100%;">
    	<thead>
    	<tr>
	        <th ><input name="" type="checkbox" value="" checked="checked"/></th>
	        <th>编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
	        <th>方案名称</th>
	        <th>制定时间</th>
	        <th>操作</th>
        </tr>
        </thead>
        <tbody>
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>1</td>
		        <td><a href="jclient/pages/yjhsgl/yjhsgl_hsgl_hyxq.jsp">2015年8月23日关于于桥水库蓝藻中度暴发事件处置方案</a></td>
		        <td>2015-8-23</td>
		        <td><a href="javascript:function nufu(){return false;}" onclick="EditFA('2012年8月23日关于于桥水库蓝藻中度暴发事件处置方案会商');" class="tablelink">修改</a>    <a href="#" class="tablelink"> 删除</a></td>
	        </tr> 
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>2</td>
		        <td><a href="jclient/pages/yjhsgl/yjhsgl_hsgl_hyxq.jsp">....................................................</a></td>
		        <td>2015-8-23</td>
		        <td><a href="#" class="tablelink">修改</a>     <a href="#" class="tablelink"> 删除</a></td>
	        </tr> 
         </tbody>
    </table>
<!--新建方案-->
<div id="hyAdddiv" class="tip" style="left:50%;margin-left:-450px; width: 900px;height:600px;z-index: 100;top: 10px;border: 1px solid #cccccc;">
<div class="tiptop"><span>新建方案</span><a></a></div>
  	<form action="" name="myform">
  			<table id="hyEidttTab" style="width: 900px;margin-left:45px">
  				 <tr >
  					<td colspan="2" style="height:50px;">
						<div style="float:right;padding-right:112px">
							<ul class="toolbar1">
						         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>保存</li>
						    </ul>
					    </div>
  					</td>
  				 </tr>
  				<tr >
  					<td width="10%" style="height:40px;text-align:center;">方案名称</td>
  					<td width="90%">
  						<input type="text" class="scinput"  id="editHYname"  style="width: 700px;">
  					</td>
  				 </tr>
  				<tr>
  					<td height="40px"  style="text-align:center;">方案内容</td>
  					<td >
  						<textarea class="scinput" style="width: 700px;height:200px;"></textarea>
  					</td>
  				</tr>
  				<tr>
  					<td colspan="2">
						<div class="tools" style="margin-top: 10px;padding: 0 10px;margin-left:80px">
					       <div class="controls" style="width:280px;float: left;">
								<div style="width:60px;float: left;height: 30px;line-height: 30px;">
									<label>制定时间 </label>
								</div>
								<div class="input-group date datetime">
									<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
							</div>
							<div style="width:80px;float: left;height: 30px;line-height: 30px;padding-left:20px;">
								<label>方案名称</label>
							</div>
						    <div style="width:410px;float: left;">
					         <input name="" type="text" class="scinput" style="position: relative;top: -3px;"/>&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="button" class="scbtn"  style="position: relative;top: -3px;" value="查询"/>
					       </div>
					    </div>
  					</td>
  				</tr>
  				<tr>
  					<td colspan="2">
						<table class="tablelist" style="width:766px;margin-left:25px">
					    	<thead>
					    	<tr>
						        <th width="5%"></th>
						        <th width="10%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
						        <th width="45%">方案名称</th>
						        <th width="20%">制定时间</th>
					        </tr>
					        </thead>
					        <tbody>
						        <tr>
							        <td><input name="" type="checkbox" value="" /></td>
							        <td>1</td>
							        <td>2015年3月桥水蓝藻暴发事件</td>
							        <td>2015年3月</td>
						        </tr> 
						        <tr>
							        <td><input name="" type="checkbox" value="" /></td>
							        <td>2</td>
							        <td>....................................................</td>
							        <td>2015年2月</td>
						        </tr> 
					         </tbody>
					    </table>  					
  					</td>
  				</tr>
  			</table>
  			</form>
  			<div class="tools" style="padding: 0 0px;">
	    </div>
   </div>
  <!--新建方案-->  
<!--修改方案-->
<div id="hyEditdiv" class="tip" style="left:50%;margin-left:-450px; width: 900px;height:600px;z-index: 100;top: 10px;border: 1px solid #cccccc;">
<div class="tiptop"><span>修改方案</span><a></a></div>
  	<form action="" name="myform">
  			<table id="hyEidttTab" style="width: 900px;margin-left:45px">
  				 <tr >
  					<td colspan="2">
  						<div style="padding-top:20px;text-align:center;"><b>2015年8月23日关于于桥水库蓝藻中度暴发事件处置方案</b></div>
						<div style="float:right;padding-right:112px">
							<ul class="toolbar1">
						         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>保存</li>
						    </ul>
					    </div>
  					</td>
  				 </tr>
  				<tr >
  					<td width="10%" style="height:40px;text-align:center;">方案名称</td>
  					<td width="90%">
  						<input type="text" class="scinput"  id="editHYname"  style="width: 700px;" value="2015年8月23日关于于桥水库蓝藻中度暴发事件处置方案">
  					</td>
  				 </tr>
  				<tr>
  					<td height="40px"  style="text-align:center;">方案内容</td>
  					<td >
  						<textarea class="scinput" style="width: 700px;height:200px;"></textarea>
  					</td>
  				</tr>
  				<tr>
  					<td colspan="2">
						<div class="tools" style="margin-top: 10px;padding: 0 10px;margin-left:80px">
					       <div class="controls" style="width:280px;float: left;">
								<div style="width:60px;float: left;height: 30px;line-height: 30px;">
									<label>制定时间 </label>
								</div>
								<div class="input-group date datetime">
									<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
							</div>
							<div style="width:80px;float: left;height: 30px;line-height: 30px;padding-left:20px;">
								<label>方案名称</label>
							</div>
						    <div style="width:410px;float: left;">
					         <input name="" type="text" class="scinput" style="position: relative;top: -3px;"/>&nbsp;&nbsp;&nbsp;&nbsp;<input name="" type="button" class="scbtn"  style="position: relative;top: -3px;" value="查询"/>
					       </div>
					    </div>
  					</td>
  				</tr>
  				<tr>
  					<td colspan="2">
						<table class="tablelist" style="width:766px;margin-left:25px">
					    	<thead>
					    	<tr>
						        <th width="5%"></th>
						        <th width="10%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
						        <th width="45%">方案名称</th>
						        <th width="20%">制定时间</th>
					        </tr>
					        </thead>
					        <tbody>
						        <tr>
							        <td><input name="" type="checkbox" value="" /></td>
							        <td>1</td>
							        <td>2015年3月桥水蓝藻暴发事件</td>
							        <td>2015年3月</td>
						        </tr> 
						        <tr>
							        <td><input name="" type="checkbox" value="" /></td>
							        <td>2</td>
							        <td>....................................................</td>
							        <td>2015年2月</td>
						        </tr> 
					         </tbody>
					    </table>  					
  					</td>
  				</tr>
  			</table>
  			</form>
  			<div class="tools" style="padding: 0 0px;">
	    </div>
   </div>
  <!--修改方案-->  
    
  </body>
</html>
